<template>
    <div id="wrapper">
        <h1>Vue Router!</h1>
        <p>
            <!-- use router-link component for navigation. -->
            <!-- specify the link by passing the `to` prop. -->
            <!-- <router-link> will be rendered as an `<a>` tag by default -->
            <a v-link="'home'">Home</a> | <a v-link="'about'">About</a>
        </p>
        <!-- route outlet -->
        <!-- component matched by the route will render here -->
        <router-view></router-view>
    </div>
</template>

<style src="../css/base.css"></style>
